<script setup lang="ts">
  import baseInfo from "./components/baseInfo.vue"
  import gridMenu from "./components/gridMenu.vue"
  import heads from "./components/head.vue"
  import center from "./components/center.vue"
  import projectCard from "./components/projectCard.vue"
  import cement from "./components/cement.vue"
</script>

<template>
<div style="margin-left: 10px;margin-right: 10px">
      <heads />
  <div style="display: flex;">
    <div style="width: 60%;margin-top: 10px">
      <div style="margin-right: 15px">
        <center />
      </div>
      <div style="margin-top: 10px;margin-right: 15px">
        <project-card />
      </div>
      <div class="dashboard-console-grid" style="margin-top: 10px;width: 100%">
        <gridMenu />
      </div>
    </div>
    <div style="width: 40%;height: 30%">
      <baseInfo />
      <cement />
    </div>
  </div>
</div>
</template>

<style scoped lang="scss">
.dashboard-console-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 如果需要均匀分布 */
  align-items: center;
  width: 100%; /* 确保占满整个宽度 */
}
</style>
